<template>
    <div id="set-plate">
        <div class="aside-content bg-color">
            <div class="title-box title-color">
                <i class="el-icon-s-tools"></i>
                <div class="setting-title">当前设置</div>
            </div>
            <div class="setting-content">
                <div class="setting-sm-tit title-color">冷冻水泵调节方式设置</div>
                <div class="item-box">
                    <template>
                        <el-radio-group v-model="radio">
                            <el-radio :label="1">定供回水压差</el-radio>
                            <div class="set-value">

                                <el-input size="mini" v-model="input1">
                                    <template slot="prepend">设定值</template>
                                    <template slot="append">kPa</template>
                                </el-input>
                            </div>
                            <el-radio :label="2">定冷冻水系统阻力系数</el-radio>
                            <el-radio :label="3">根据末端阀位调节</el-radio>
                            <el-radio :label="4">根据末端回风温度调节</el-radio>
                            <el-radio :label="5">根据室内环境温度调节</el-radio>
                        </el-radio-group>
                    </template>
                </div>


            </div>
            <div class="setting-content">
                <div class="setting-sm-tit title-color">冷冻水出水温度设置方式</div>
                <div class="item-box">
                    <template>
                        <el-radio-group v-model="radio2">
                            <el-radio :label="6">定冷冻水出水速度</el-radio>
                            <div class="set-value">

                                <el-input size="mini" v-model="input2">
                                    <template slot="prepend">设定值</template>
                                    <template slot="append">m/s</template>
                                </el-input>
                            </div>
                            <el-radio :label="7">冷冻水温度随外温变化</el-radio>
                            <div class="set-value">

                                <el-input size="mini" v-model="input3">
                                    <template slot="prepend">设定值</template>
                                    <template slot="append">℃</template>
                                </el-input>
                            </div>
                            <el-radio :label="8">冷冻水温度能耗最小寻优</el-radio>
                        </el-radio-group>
                    </template>
                </div>

            </div>
            <div class="start-box">

                <div class="start flex-center">
                    <i class="iconfont icon-qidong"></i>
                    <span>一键启动</span>
                </div>
            </div>
        </div>
    </div>
</template>

<script>
export default ({
    name: 'SetPlate',
    data() {
        return {
            radio: 1,
            radio2: 6,
            input1: '1150',
            input2: '1.5',
            input3: '5.7',
        }
    },
})
</script>

<style scoped lang="less" >
.el-radio {
  display: flex;
  justify-content: space-between;
  flex-direction: row-reverse;
  margin-right: 0;
  padding: 0.1rem 0;
  font-size: 0.1rem;
}

.el-radio-button__inner,
.el-radio-group {
  display: block;

}

.el-radio__label {
  font-size: smaller
}
.aside-content {
  border-radius: 0.1rem;
  padding: 0.2rem 0.2rem 0 0.2rem;
  user-select: none;

  .title-box {
    font-size: 0.25rem;
    font-weight: 700;
    display: flex;
    align-items: center;
    padding-bottom: 0.2rem;

    .setting-title {
      margin-left: 0.1rem;

    }
  }

  .setting-content {
    .setting-sm-tit {
      margin: 0.01rem 0;
      font-size: 0.1rem;
    }

    .item-box {
      margin: 0.1rem 0;
    }
  }

  .start-box {
    .start {
      i {
        font-size: 1rem;
        color: #018073;
      }
    }
  }
}
</style>